
<style type="text/css">
    .layui-form-label{
        padding-left: 9px;
        /*padding-right: 9px;*/
    }
    .layui-colla-content{
        padding: 5px;
    }
    .layui-badge{
        cursor:pointer;
    }
    .layui-badge-rim{
        padding: 0px;
    }
    .layui-badge{
        margin: 0px;
    }

    .layui-bg-gray:hover{
        background-color:red!important;color:#666!important
    }
</style>


<div class="layui-collapse" lay-accordion style="margin: 3px">
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">基础配置</h2>
        <div class="layui-colla-content   layui-show">
            <form class="layui-form"   action="javascript:;" lay-filter="xdWidget-attr-form">
                <input type="hidden"  name="id" id="id" value="">
                <input type="hidden"  name="classFlag" value="">
                <input type="hidden"  name="label" id="label" value="">
                <input type="hidden"  name="dataId" id="dataId" value="">
                <div class="layui-form-item">
                    <div class="layui-inline">
                        <label class="layui-form-label">Panel标题</label>
                        <div class="layui-input-inline">
                            <input type="text" name="name" id="name" lay-verify="required" autocomplete="off" class="layui-input">
                        </div>
                    </div>

                    <div class="layui-inline">
                        <input type="checkbox" name="nameFlag" lay-filter="nameFlag" title="展示标题" lay-skin="primary"  value="true" >
                    </div>

                    <div class="layui-inline">
                        <label class="layui-form-label">数据源</label>
                        <div class="layui-input-inline">
                            <select name="dataSourceId" lay-filter="dataSourceId" id="dataSourceId" lay-verify="" lay-search>

                            </select>
                        </div>
                    </div>
                </div>

                <div class="layui-form-item xdWidget-attr-row2">
                    <div class="layui-inline " >
                        <label class="layui-form-label">数据集</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="dataType"  lay-filter="dataType" value="SQL" title="SQL">
                            <input type="radio" name="dataType"  lay-filter="dataType"  value="Panel" title="Panel">
                        </div>
                    </div>
                </div>

                <hr>
                <div class="layui-form-item">
                    <div  align="center">
                        <button class="layui-btn  layui-btn-sm"  onclick="viewParam()" >参数绑定</button>
                        <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="xdWidget-panel-sql-view-bt">SQL参数化预览</button>
                        <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="xdWidget-panel-form-view-bt">数据预览</button>
                        <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="xdWidget-panel-form-bt">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="layui-colla-item">
        <h2 class="layui-colla-title">系列配置</h2>
        <div class="layui-colla-content" id="xdWidget-panel-tb-colla">
            <form class="layui-form"   action="javascript:;" lay-filter="opt-series-cfg-form">
                <div class="layui-form-item">
                    <div class="layui-inline" >
                        <label class="layui-form-label">系列使用</label>
                        <div class="layui-input-inline">
                            <input type="radio" name="opt_series_cfg_type"  lay-filter="opt_series_cfg_type" value="fieldValue" title="字段值" >
                            <input type="radio" name="opt_series_cfg_type"  lay-filter="opt_series_cfg_type" value="fieldName" title="字段名" >
                        </div>
                    </div>
                    <hr>
                    <div  id="opt_series_cfg_type_dom" style="padding-left: 5px"  >
                        无数据
                    </div>
                </div>
                <hr>
                <div class="layui-form-item">
                    <div align="center">
                        <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-series-cfg-form-bt">保存</button>
                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="layui-colla-item ">
        <h2 class="layui-colla-title">图形属性</h2>
        <div class="layui-colla-content">
            <form class="layui-form" lay-filter="opt-cfg-form" >
                <div class="layui-tab" style="margin: 0px">
                    <ul class="layui-tab-title">
                        <li class="layui-this" title="title">标题</li>
                        <li title="legend">图例</li>
                        <li title="grid">绘图网格</li>
                        <li title="xAxis">x轴</li>
                        <li title="yAxis">y轴</li>
                        <li title="toolbox">工具栏</li>
                        <li title="tooltip">提示框</li>
                        <li title="backgroundColor">背景色</li>
                        <li title="action">交互</li>
                        <li title="series">高级</li>
                    </ul>
                    <div class="layui-tab-content">
                        <div class="layui-tab-item layui-show" opt-title >
                            <div class="layui-form-item">

                                <div class="layui-inline" >
                                    <label class="layui-form-label">是否展示</label>
                                    <div class="layui-input-inline">
                                        <input type="radio" name="title_show" value="true" title="是" checked>
                                        <input type="radio" name="title_show" value="false" title="否" >
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">主标题</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="title_text"    lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">副标题</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="title_subtext"   lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                                <div class="layui-inline" >
                                    <label class="layui-form-label">主标题颜色</label>
                                    <div class="layui-input-inline" style="width: 132px">
                                        <input type="text"  name="title_textStyle_color"   lay-verify=""   autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-inline" style="left: -11px;">
                                        <div class="color-picker" _input="title_textStyle_color"></div>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">副标题颜色</label>
                                    <div class="layui-input-inline" style="width: 132px">
                                        <input type="text"  name="title_subtextStyle_color"   lay-verify=""   autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-inline" style="left: -11px;">
                                        <div  class="color-picker" _input="title_subtextStyle_color"></div>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">位置</label>
                                    <div class="layui-input-inline">
                                        <select name="title_left">
                                            <option value="auto" selected>自动</option>
                                            <option value="left">靠左</option>
                                            <option value="center">中间</option>
                                            <option value="right">靠右</option>
                                        </select>
                                    </div>
                                </div>

                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div  align="center">
                                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                </div>
                            </div>

                        </div>
                        <div class="layui-tab-item" opt-legend>
                            <div class="layui-form-item">
                                <div class="layui-inline" >
                                    <label class="layui-form-label">是否展示</label>
                                    <div class="layui-input-inline">
                                        <input type="radio" name="legend_show" value="true" title="是" checked>
                                        <input type="radio" name="legend_show" value="false" title="否" >
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">布局朝向</label>
                                    <div class="layui-input-inline">
                                        <select name="legend_orient">
                                            <option value="horizontal">水平</option>
                                            <option value="vertical">垂直</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">位置</label>
                                    <div class="layui-input-inline">
                                        <select name="legend_align">
                                            <option value="auto">自动</option>
                                            <option value="left">左对齐</option>
                                            <option value="right">右对齐</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">文字颜色</label>
                                    <div class="layui-input-inline" style="width: 132px">
                                        <input type="text"  name="legend_textStyle_color"   lay-verify=""   autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-inline" style="left: -11px;">
                                        <div class="color-picker" _input="legend_textStyle_color"></div>
                                    </div>
                                </div>


                                <div class="layui-inline" >
                                    <label class="layui-form-label">左边距</label>
                                    <div class="layui-input-inline">
                                        <select name="legend_left">
                                            <option value="center" selected>居中</option>
                                            <option value="left">左对齐</option>
                                            <option value="right">右对齐</option>
                                        </select>
                                     </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">上边距</label>
                                    <div class="layui-input-inline">
                                        <select name="legend_top">
                                            <option value="top" selected>居上</option>
                                            <option value="middle">居中</option>
                                            <option value="bottom">居底</option>
                                        </select>
                                     </div>
                                </div>

                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div  align="center">
                                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                </div>
                            </div>

                        </div>
                        <div class="layui-tab-item" opt-grid>

                            <div class="layui-form-item">
                                <div class="layui-inline" >
                                    <label class="layui-form-label">是否展示</label>
                                    <div class="layui-input-inline">
                                        <input type="radio" name="grid_show" value="true" title="是" >
                                        <input type="radio" name="grid_show" value="false" title="否" checked>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">背景颜色</label>
                                    <div class="layui-input-inline" style="width: 132px">
                                        <input type="text"  name="grid_backgroundColor"   lay-verify=""   autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-inline" style="left: -11px;">
                                        <div class="color-picker" _input="grid_backgroundColor"></div>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">左边距</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="grid_left"   lay-verify="" placeholder="填写数字，不填自动布局" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">上边距</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="grid_top"  lay-verify="" placeholder="填写数字，不填自动布局" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">右边距</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="grid_right"   lay-verify="" placeholder="填写数字，不填自动布局" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">下边距</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="grid_bottom"    lay-verify="" placeholder="填写数字，不填自动布局" autocomplete="off" class="layui-input">
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div  align="center">
                                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                </div>
                            </div>

                        </div>
                        <div class="layui-tab-item" opt-xAxis>
                            <div class="layui-form-item">
                                <fieldset class="layui-elem-field ">
                                    <legend>x轴-下</legend>
                                    <div class="layui-field-box">
                                        <div class="layui-inline" >
                                            <label class="layui-form-label">是否显示</label>
                                            <div class="layui-input-inline">
                                                <input type="radio" name="xAxis_show" value="true" title="是" checked>
                                                <input type="radio" name="xAxis_show" value="false" title="否" >
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_name"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">值类型</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_type">
                                                    <option value="category">离散数据</option>
                                                    <option value="value">连续数据</option>
                                                    <option value="time">连续时序</option>
                                                    <option value="log">对数数据</option>
                                                </select>
                                            </div>
                                        </div>
                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称旋转</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_nameRotate"    lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">反向坐标轴</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_inverse">
                                                    <option value="false" selected>否</option>
                                                    <option value="true">是</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最小间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_minInterval"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最大间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_maxInterval"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线显示</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_axisLine_show">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线颜色</label>
                                            <div class="layui-input-inline" style="width: 132px">
                                                <input type="text"  name="xAxis_axisLine_lineStyle_color"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="xAxis_axisLine_lineStyle_color"></div>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度显示</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_axisLabel_show">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度角度</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_axisLabel_rotate"    lay-verify="" placeholder="刻度标签旋转角度" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度距离</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_axisLabel_margin"    lay-verify="" placeholder="刻度标签与轴线的距离" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度字体</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_axisLabel_fontSize">
                                                    <option value="12" selected>==字体大小==</option>
                                                    <option value="8">8</option>
                                                    <option value="10">10</option>
                                                    <option value="12">12</option>
                                                    <option value="14">14</option>
                                                    <option value="16">16</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴两边留白</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_boundaryGap">
                                                    <option value="true" selected>是</option>
                                                    <option value="false" >否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴分割线</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_splitLine_show">
                                                    <option value="true" >展示</option>
                                                    <option value="false" selected>影藏</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">分割线颜色</label>
                                            <div class="layui-input-inline" style="width: 132px">
                                                <input type="text"  name="xAxis_splitLine_lineStyle_color"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="xAxis_splitLine_lineStyle_color"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="layui-form-item">
                                        <div  align="center">
                                            <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset class="layui-elem-field ">
                                    <legend>x轴-上</legend>
                                    <div class="layui-field-box">
                                        <div class="layui-inline" >
                                            <label class="layui-form-label">是否显示</label>
                                            <div class="layui-input-inline">
                                                <input type="radio" name="xAxis_show1" value="true" title="是" >
                                                <input type="radio" name="xAxis_show1" value="false" title="否" checked>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_name1"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">值类型</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_type1">
                                                    <option value="category">离散数据</option>
                                                    <option value="value">连续数据</option>
                                                    <option value="time">连续时序</option>
                                                    <option value="log">对数数据</option>
                                                </select>
                                            </div>
                                        </div>


                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称旋转</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_nameRotate1"    lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">反向坐标轴</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_inverse1">
                                                    <option value="false" selected>否</option>
                                                    <option value="true">是</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最小间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_minInterval1"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最大间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_maxInterval1"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线显示</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_axisLine_show1">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴两边留白</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_boundaryGap1">
                                                    <option value="true" >是</option>
                                                    <option value="false" selected>否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线颜色</label>
                                            <div class="layui-input-inline" style="width: 132px">
                                                <input type="text"  name="xAxis_axisLine_lineStyle_color1"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="xAxis_axisLine_lineStyle_color1"></div>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度显示</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_axisLabel_show1">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度角度</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_axisLabel_rotate1"    lay-verify="" placeholder="刻度标签旋转角度" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度距离</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="xAxis_axisLabel_margin1"    lay-verify="" placeholder="刻度标签与轴线的距离" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度字体</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_axisLabel_fontSize1">
                                                    <option value="12" selected>==字体大小==</option>
                                                    <option value="8">8</option>
                                                    <option value="10">10</option>
                                                    <option value="12">12</option>
                                                    <option value="14">14</option>
                                                    <option value="16">16</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴分割线</label>
                                            <div class="layui-input-inline">
                                                <select name="xAxis_splitLine_show1">
                                                    <option value="true" >展示</option>
                                                    <option value="false" selected>影藏</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">分割线颜色</label>
                                            <div class="layui-input-inline" style="width:  132px">
                                                <input type="text"  name="xAxis_splitLine_lineStyle_color1"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="xAxis_splitLine_lineStyle_color1"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="layui-form-item">
                                        <div  align="center">
                                            <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>
                        </div>
                        <div class="layui-tab-item" opt-yAxis>

                            <div class="layui-form-item">
                                <fieldset class="layui-elem-field ">
                                    <legend>y轴-左</legend>
                                    <div class="layui-field-box">

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">是否显示</label>
                                            <div class="layui-input-inline">
                                                <input type="radio" name="yAxis_show" value="true" title="是" checked>
                                                <input type="radio" name="yAxis_show" value="false" title="否" >
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_name"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">值类型</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_type">
                                                    <option value="category">离散数据</option>
                                                    <option value="value" selected>连续数据</option>
                                                    <option value="time">连续时序</option>
                                                    <option value="log">对数数据</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称旋转</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_nameRotate"    lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">反向坐标轴</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_inverse">
                                                    <option value="false" selected>否</option>
                                                    <option value="true">是</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最小间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_minInterval"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最大间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_maxInterval"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线显示</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_axisLine_show">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线颜色</label>
                                            <div class="layui-input-inline" style="width:  132px">
                                                <input type="text"  name="yAxis_axisLine_lineStyle_color"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="yAxis_axisLine_lineStyle_color"></div>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度显示</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_axisLabel_show">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度角度</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_axisLabel_rotate"    lay-verify="" placeholder="刻度标签旋转角度" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度距离</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_axisLabel_margin"    lay-verify="" placeholder="刻度标签与轴线的距离" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度字体</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_axisLabel_fontSize">
                                                    <option value="12" selected>==字体大小==</option>
                                                    <option value="8">8</option>
                                                    <option value="10">10</option>
                                                    <option value="12">12</option>
                                                    <option value="14">14</option>
                                                    <option value="16">16</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴分割线</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_splitLine_show">
                                                    <option value="true" selected>展示</option>
                                                    <option value="false">影藏</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">分割线颜色</label>
                                            <div class="layui-input-inline" style="width:  132px">
                                                <input type="text"  name="yAxis_splitLine_lineStyle_color"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="yAxis_splitLine_lineStyle_color"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="layui-form-item">
                                        <div  align="center">
                                            <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                        </div>
                                    </div>
                                </fieldset>
                                <fieldset class="layui-elem-field ">
                                    <legend>y轴-右</legend>
                                    <div class="layui-field-box">
                                        <div class="layui-inline" >
                                            <label class="layui-form-label">是否显示</label>
                                            <div class="layui-input-inline">
                                                <input type="radio" name="yAxis_show1" value="true" title="是" >
                                                <input type="radio" name="yAxis_show1" value="false" title="否" checked>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_name1"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">值类型</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_type1">
                                                    <option value="category">离散数据</option>
                                                    <option value="value" selected>连续数据</option>
                                                    <option value="time">连续时序</option>
                                                    <option value="log">对数数据</option>
                                                </select>
                                            </div>
                                        </div>


                                        <div class="layui-inline" >
                                            <label class="layui-form-label">名称旋转</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_nameRotate1"    lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">反向坐标轴</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_inverse1">
                                                    <option value="false" selected>否</option>
                                                    <option value="true">是</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最小间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_minInterval1"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">最大间隔</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_maxInterval1"  lay-verify="" placeholder="" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线显示</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_axisLine_show1">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴线颜色</label>
                                            <div class="layui-input-inline" style="width: 132px">
                                                <input type="text"  name="yAxis_axisLine_lineStyle_color1"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="yAxis_axisLine_lineStyle_color1"></div>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度显示</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_axisLabel_show1">
                                                    <option value="true" selected>是</option>
                                                    <option value="false">否</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度角度</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_axisLabel_rotate1"    lay-verify="" placeholder="刻度标签旋转角度" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度距离</label>
                                            <div class="layui-input-inline">
                                                <input type="text" name="yAxis_axisLabel_margin1"    lay-verify="" placeholder="刻度标签与轴线的距离" autocomplete="off" class="layui-input">
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">刻度字体</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_axisLabel_fontSize1">
                                                    <option value="12" selected>==字体大小==</option>
                                                    <option value="8">8</option>
                                                    <option value="10">10</option>
                                                    <option value="12">12</option>
                                                    <option value="14">14</option>
                                                    <option value="16">16</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">轴分割线</label>
                                            <div class="layui-input-inline">
                                                <select name="yAxis_splitLine_show1">
                                                    <option value="true" selected>展示</option>
                                                    <option value="false">影藏</option>
                                                </select>
                                            </div>
                                        </div>

                                        <div class="layui-inline" >
                                            <label class="layui-form-label">分割线颜色</label>
                                            <div class="layui-input-inline" style="width: 132px">
                                                <input type="text"  name="yAxis_splitLine_lineStyle_color1"   lay-verify=""   autocomplete="off" class="layui-input">
                                            </div>
                                            <div class="layui-inline" style="left: -11px;">
                                                <div class="color-picker" _input="yAxis_splitLine_lineStyle_color1"></div>
                                            </div>
                                        </div>
                                    </div>
                                    <hr>
                                    <div class="layui-form-item">
                                        <div  align="center">
                                            <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                        </div>
                                    </div>
                                </fieldset>
                            </div>

                        </div>
                        <div class="layui-tab-item" opt-toolbox>

                            <div class="layui-form-item">
                                <div class="layui-inline" >
                                    <label class="layui-form-label">是否展示</label>
                                    <div class="layui-input-inline">
                                        <input type="radio" name="toolbox_show" value="true" title="是" >
                                        <input type="radio" name="toolbox_show" value="false" title="否" checked>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">布局</label>
                                    <div class="layui-input-inline">
                                        <select name="toolbox_orient">
                                            <option value="horizontal">水平</option>
                                            <option value="vertical">垂直</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">左边距</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="toolbox_left"   lay-verify="" placeholder="填写数字，不填自动布局" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">上边距</label>
                                    <div class="layui-input-inline">
                                        <input type="text" name="toolbox_top"  lay-verify="" placeholder="填写数字，不填自动布局" autocomplete="off" class="layui-input">
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">保存图片</label>
                                    <div class="layui-input-inline">
                                        <select name="toolbox_feature_saveAsImage_show">
                                            <option value="true">是</option>
                                            <option value="false" selected>否</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">数据缩放</label>
                                    <div class="layui-input-inline">
                                        <select name="toolbox_feature_dataZoom_show">
                                            <option value="true">是</option>
                                            <option value="false" selected>否</option>
                                        </select>
                                    </div>
                                </div>

                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div  align="center">
                                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                </div>
                            </div>

                        </div>
                        <div class="layui-tab-item" opt-tooltip>

                            <div class="layui-form-item">
                                <div class="layui-inline" >
                                    <label class="layui-form-label">是否展示</label>
                                    <div class="layui-input-inline">
                                        <input type="radio" name="tooltip_show" value="true" title="是" >
                                        <input type="radio" name="tooltip_show" value="false" title="否" checked>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">触发类型</label>
                                    <div class="layui-input-inline">
                                        <select name="tooltip_trigger">
                                            <option value="item">数据项</option>
                                            <option value="axis" selected>系列</option>
                                            <option value="none">不触发</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline" >
                                    <label class="layui-form-label">显示内容</label>
                                    <div class="layui-input-inline">
                                        <input type="radio" name="tooltip_showContent" value="true" title="是" checked>
                                        <input type="radio" name="tooltip_showContent" value="false" title="否" >
                                    </div>
                                </div>
                                <div class="layui-inline" >
                                    <label class="layui-form-label">内容格式</label>
                                    <div class="layui-input-inline">
                                        <input name="tooltip_formatter" class="layui-input" placeholder=""
                                               title="模板变量有 {a}, {b}，{c}，{d}，{e}，分别表示系列名，数据名，数据值等" >
                                    </div>
                                </div>
                                <hr>
                                <div class="layui-inline" >
                                    <label class="layui-form-label">指示器类型</label>
                                    <div class="layui-input-inline">
                                        <select name="tooltip_axisPointer_type">
                                            <option value="line" selected>直线指示器</option>
                                            <option value="shadow">阴影指示器</option>
                                            <option value="cross" >十字准星</option>
                                            <option value="none">无指示器</option>
                                        </select>
                                    </div>
                                </div>
                                <div class="layui-inline" >
                                    <label class="layui-form-label">指示器标签</label>
                                    <div class="layui-input-inline">
                                        <input type="radio" name="tooltip_axisPointer_label_show" value="true" title="开启" >
                                        <input type="radio" name="tooltip_axisPointer_label_show" value="false" title="关闭" checked >
                                    </div>
                                </div>

                                <hr>
                                <div class="layui-form-item">
                                    <div  align="center">
                                        <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                    </div>
                                </div>
                            </div>
                        </div>
                        <div class="layui-tab-item" opt-backgroundColor>

                            <div class="layui-form-item">
                                <div class="layui-inline" >
                                    <label class="layui-form-label">背景颜色</label>
                                    <div class="layui-input-inline" style="width: 132px">
                                        <input type="text"  name="backgroundColor"   lay-verify="" placeholder=""   autocomplete="off" class="layui-input">
                                    </div>
                                    <div class="layui-inline" style="left: -11px;">
                                        <div  class="color-picker" _input="backgroundColor"></div>
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div  align="center">
                                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                </div>
                            </div>

                        </div>
                        <div class="layui-tab-item" opt-action>
                            <div class="layui-form-item">
                                <div class="layui-inline">
                                    <label class="layui-form-label">初始查询</label>
                                    <div class="layui-input-inline">
                                        <select  name="queryFlag" >
                                            <option value="true" selected>是</option>
                                            <option value="false">否</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline" id="xdWidget-table-autoFlag">
                                    <label class="layui-form-label">自动刷新</label>
                                    <div class="layui-input-inline">
                                        <select  name="autoFlag" lay-filter="autoFlag" >
                                            <option value="false" selected>否</option>
                                            <option value="true">是</option>
                                        </select>
                                    </div>
                                </div>

                                <div class="layui-inline"  >
                                    <label class="layui-form-label">高度占比</label>
                                    <div class="layui-input-inline">
                                        <input  name="height"  lay-verify="number" class="layui-input" placeholder="高度占屏幕比例:单位%" value="80">
                                    </div>
                                </div>
                            </div>
                            <hr>
                            <div class="layui-inline" style="width: 100%;" >
                                <label class="layui-form-label">点击事件</label>
                                <div class="layui-input-inline" style="width: 80%;">
                                    <input type="text" name="echartAction"   lay-verify="" placeholder="直接填写URI地址" autocomplete="off" class="layui-input">
                                </div>
                                <div class="layui-input-inline ">
                                    <button class="layui-btn layui-btn-normal layui-btn-xs" lay-submit="" lay-filter="echartAction-form-bt" >绑定参数</button>
                                </div>
                            </div>
                            <div class="layui-form-item"  opt-action-dom >

                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div  align="center">
                                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                </div>
                            </div>

                        </div>
                        <div class="layui-tab-item" opt-series>
                            <fieldset class="layui-elem-field" style="border-bottom: hidden;border-left: hidden;border-right: hidden">
                                <legend style="font-size: 13px"><button class="layui-btn layui-btn-normal layui-btn-xs" lay-submit="" lay-filter="add-diyseries-bt" >自定义系列</button></legend>

                            </fieldset>
                            <div class="layui-form-item" opt-series-dom>

                            </div>
                            <hr>
                            <div class="layui-form-item">
                                <div  align="center">
                                    <button class="layui-btn  layui-btn-sm" lay-submit="" lay-filter="opt-cfg-form-bt">保存</button>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
            </form>
        </div>
    </div>
    <div class="layui-colla-item ">
        <h2 class="layui-colla-title">绑定参数</h2>
        <div class="layui-colla-content">
            <fieldset class="layui-elem-field" style="border-bottom: hidden;border-left: hidden;border-right: hidden">
                <legend style="font-size: 13px">绑定的Form元素为SQL中可能用到的参数 </legend>
            </fieldset>
            <div id="xdWidget-panel-param-div">

            </div>
        </div>
    </div>
</div>

<hr>
<form class="layui-form"   action="javascript:;" lay-filter="xdWidget-previewPanelTable-form">
    <div class="layui-form-item">
        <div align="center">
            <button class="layui-btn" lay-submit="" lay-filter="xdWidget-saveEchart-form-bt">保存发布</button>
            <button class="layui-btn" lay-submit="" lay-filter="xdWidget-previewEchart-form-bt">预览</button>
        </div>
    </div>
</form>

<script type="text/html" id="xdWidget-attr-form-sql">
    <div class="layui-inline  dataSql" >
        <div class="layui-inline" >
            <div class="layui-input-inline" onclick="editTextarea('dataSql')" >
                <textarea name="dataSql" id="dataSql" style="min-height:36px;height:36px;" placeholder="Example:select a,b from table" readonly lay-verify="required" class="layui-textarea"></textarea>
            </div>
        </div>
    </div>
</script>

<script type="text/html" id="xdWidget-attr-form-panel">
    <div class="layui-inline dataPanelId" >
        <div class="layui-inline" >
            <div class="layui-input-inline" >
                <select id="dataPanelId" name="dataPanelId" xm-select="dataPanelId"
                        xm-select-height="35px" xm-select-search="" lay-verify="required"
                        xm-select-radio=""
                        >
                </select>
            </div>
        </div>
    </div>
</script>


<script  type="text/html" id="xdWidget-table-autoInterval-dom">
    <div class="layui-inline" id="xdWidget-table-autoInterval">
        <label class="layui-form-label">刷新间隔</label>
        <div class="layui-input-inline">
            <input type="text" name="autoInterval" placeholder="单位：分钟"  lay-verify="number" autocomplete="off" class="layui-input">
        </div>
    </div>
</script>


<script type="text/html" id="opt_series_cfg_type_weidu">
    <div class="layui-inline" >
        <label class="layui-form-label">维度</label>
        <div class="layui-input-inline">
            <select  name="opt_series_cfg_weidu"  lay-verify="required" >
                {{#  $.each(d, function(index, item){  }}
                <option value="{{item.columnName}}">{{item.columnName}}</option>
                {{#  }); }}
            </select>
        </div>
    </div>
    <hr>
</script>

<script type="text/html" id="opt_series_cfg_type_script1">
    <div class="layui-inline" >
        <label class="layui-form-label">系列名</label>
        <div class="layui-input-inline">
            <select  name="fieldValue@nameField" lay-filter="" lay-verify="required" >
                {{#  $.each(d, function(index, item){  }}
                <option value="{{item.columnName}}">{{item.columnName}}</option>
                {{#  }); }}
            </select>
        </div>
    </div>
    <div class="layui-inline" >
        <label class="layui-form-label">系列值</label>
        <div class="layui-input-inline">
            <select  name="fieldValue@valueField" lay-filter=""  lay-verify="required">
                {{#  $.each(d, function(index, item){  }}
                <option value="{{item.columnName}}">{{item.columnName}}</option>
                {{#  }); }}
            </select>
        </div>
    </div>
    <div class="layui-inline" >

        <div class="layui-input-inline">
            <select name="fieldValue@scale" >
                <option value="" selected>==汇总方式==</option>
                <option value="sum">求和</option>
                <option value="max">最大值</option>
                <option value="min">最小值</option>
                <option value="avg">平均值</option>
                <option value="count">数量</option>
            </select>
        </div>
    </div>
</script>

<script type="text/html" id="opt_series_cfg_type_script2">
    {{#  $.each(d, function(index, item){  }}
    <div class="layui-inline" style="width: 45%" >
        <div class="layui-input-inline"  style="width: 100%">
            <div style="float: left">
                <input type="checkbox" lay-filter="fieldName" name="fieldName@{{item.columnName}}" title="{{item.columnName}}" value="{{item.columnName}}" lay-skin="primary" >
            </div>
            <div style="float: left">
                <select name="fieldName@{{item.columnName}}@scale"  >
                    <option value="" selected>==汇总方式==</option>
                    <option value="sum">求和</option>
                    <option value="max">最大值</option>
                    <option value="min">最小值</option>
                    <option value="avg">平均值</option>
                    <option value="count">数量</option>
                </select>
            </div>
        </div>
    </div>
    {{#  }); }}
</script>


<script type="text/html" id="echartAction-params-dom">
    <hr>
    <form class="layui-form" action="" lay-filter="echartAction-params-form">
        <div class="layui-form-item">
            <div class="layui-inline" >
                <label class="layui-form-label">参数名称</label>
                <div  class="layui-input-inline">
                    <input type="input" class="layui-input" name="pName"  lay-verify="required" title="" value="" lay-skin="primary" >
                </div>
            </div>
            <div class="layui-inline" >
                <label class="layui-form-label">值绑定</label>
                <div   class="layui-input-inline" >
                    <select name="pNameValue" lay-filter="required" >
                        <option value="seriesName">系列名</option>
                        <option value="name">数据项</option>
                        <option value="value">值</option>
                        <option value="condition">查询条件值</option>
                    </select>
                </div>
            </div>
        </div>
        <div class="layui-form-item">
            <div align="center">
                <button class="layui-btn" lay-submit="" lay-filter="echartAction-params-form-bt">保存</button>
            </div>
        </div>
    </form>
</script>